<script setup lang="ts">
import ListSearch from "./ListSearch.vue";

// 将数据传给第三个panel并打开
// const emit = defineEmits(['show-group-view'])
// const showGroupView = (groupId: number) => {
//   emit('show-group-view', groupId)
// }

</script>

<template>
  <div class="h-full flex flex-col divide-y divide-slate-300">
    <list-search has-add-btn />
    <div class="w-full overflow-y-auto" style="height: 636px">
      <ul class="flex flex-col h-full w-full list-none">
        <li class="flex w-full pt-2 pl-2 pr-2 pb-2 hover:cursor-pointer hover:bg-gray-300 bg-gray-300 resent-list">
          <img src="../assets/images/logo-universal.png" alt="Avatar" class="w-10 h-10 rounded-full mr-3">
          <div class="flex flex-col justify-center items-start w-full">
            <div class="mb-1">
              <p class="font-semibold text-sm">群聊一</p>
            </div>
          </div>
        </li>
        <li class="flex w-full pt-2 pl-2 pr-2 pb-2 hover:cursor-pointer hover:bg-gray-300 resent-list">
          <img src="../assets/images/logo-universal.png" alt="Avatar" class="w-10 h-10 rounded-full mr-3">
          <div class="flex flex-col justify-center items-start w-full">
            <div class="mb-1">
              <p class="font-semibold text-sm">群聊二</p>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<style scoped></style>
